/**
 * Created by Ysssssss on 2021/6/2.
 */

import React, { PureComponent } from 'react'
import { Button } from "antd";
import StarGroup from "@assets/svg/starGroup.svg";
import {withRouter} from "react-router";
import { getAppName } from "@utils/vars";

@withRouter
class IntroductionPage extends PureComponent {
    showStarGroupCodeModal () {

    }

    render () {
        return (
            <div className="thirdparty-introduction-page">
                <div className="introduction-content">
                    <div className="flex-vertical-center">
                        <span className="ft-32">{getAppName()}</span>
                        <span className="ft-14 mgr-12 mgl-12">X</span>
                        <span className="ft-32">星团</span>
                    </div>
                    <div className="mgt-16 ft-clr-ml ft-16">私域运营以微信社群为最佳实践，可帮品牌构建新型客户关系</div>
                    <div className="ft-14 mgt-36"
                         style={{lineHeight: '32px'}}
                    >
                        签到、抽奖、团购等多种简单好玩的活动，让社群运营高效自循环；粉丝、代言人、分销员多样的客户关系，可挖掘其销售贡献、社交传播、行为参与等多维价值，让品牌价值更大化。                    </div>
                    <Button type="primary"
                            className="button-large mgt-60"
                            style={{width: '148px'}}
                            onClick={this.showStarGroupCodeModal.bind(this)}
                    >立即体验</Button>
                </div>
                <StarGroup className="introduction-image" />
            </div>
        )
    }
}

export default IntroductionPage